* {
    margin: 0;
    padding: 0;
}

.container {
    border-collapse: collapse;
    /*border-collapse 边框合并*/
    margin: 100px auto;
    width: 500px;
}

tr:hover {
    background-color: rgb(245, 247, 250);
}
thead th:hover {
    cursor: pointer;
}
th {
    color: #909399;
}
td {
    color: #606266;
}
.container tr td,
.container tr th {
    border: 1px solid #ccc;
    height: 40px;
    text-align: center;
}
[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/*
border: 1 给所有的单元格以及整个table表增加了一个边框
border: 1px solid black 只是给table表外侧增加了一个边框
cellspacing:0 单元格之间的间距为0，不同于border-collapse，会使单元格之间的线加粗，并没有使两条线合并为1条
cellpadding 单元格边框和单元格内文字的距离
*/